$(function () {


  // 提交按钮为一张图片，等全部信息填写正确后，才会显示让你提交的按钮
  function check () {
    var che = $('.che');
    if (che.length == 3) {
      $('.button-btn').removeAttr('disabled');
    }
  }


  //    $("#username").on("click",function(){
  //        alert(1);
  //    })

  $("#username").on("focus", function () {
    $(".user-zq").html('');

  })

  $("#username").on("blur", function () {
    if ($(this).val() !== '') {
      let cartid = /^[\u4e00-\u9fa5]{2,6}$/; //规则
      if (cartid.test($(this).val())) {
        $("#username").addClass('che');
        check();
        $("#username").addClass('che');
        $(this).css('border-color', '#dcdcdc');
        $(".user-zq").html('');
        $(".user-zq").css('color', '#aaaaaa');
        $(".user-dui").show();
        $(".user-dui").css({
          'background-position': '-2px -40px'
        })
      } else {
        $(".user-zq").show();
        $(".user-zq").html('请输入正确格式的用户名');
        $(".user-zq").css('color', 'red');
        $("#username").css('border-color', '#f22727');
        $(".user-dui").show();
        $(".user-dui").css({
          'background-position': '-2px -75px'
        })

      }
    } else {
      $("#username").css('border-color', '#f22727');
      $(".user-zq").show();
      $(".user-zq").html('请输入您的用户名');
      $(".user-zq").css('color', 'red');
      check();
    }
  })



  $('#password').on('blur', function () {
    if ($(this).val() !== '') {
      let reg = /^.{6,20}$/;
      if (reg.test($(this).val())) {
        $("#password").addClass('che');
        check();
        $("password").addClass('che');
        $(this).css('border-color', '#dcdcdc');
        $(".password2-box-zq").show();
        $(".password2-box-zq").html('');
        $(".password2-box-zq").css('color', '#aaaaaa');
        $(".affirm-dui").show();
        $(".yan-text").focus();
        $(".affirm-dui").css({
          'background-position': '-2px -40px'
        })

      } else {
        $(".password2-box-zq").show();
        $(".password2-box-zq").html('请输入正确格式的密码');
        $(".password2-box-zq").css('color', 'red');
        $("#password").css('border-color', '#f22727');
        $(".affirm-dui").show();
        $(".affirm-dui").css({
          'background-position': '-2px -75px'
        })

      }
      check();
    } else {
      check();
      $("#password").css('border-color', '#f22727');
      $(".password2-box-zq").show();
      $(".password2-box-zq").html('请输入您的密码');
      $(".password2-box-zq").css('color', 'red');
    }


  });


  // 验证码
  //  封装一个函数产生随机数

  function getNum (min, max) {
    return Math.floor(Math.random() * (max - min + 1) + min);
  }

  function yzm () {
    var str = '';
    for (var i = 0; i < 6; i++) {
      var num = getNum(1, 3);
      switch (num) {
        case 1:
          str += String.fromCharCode(getNum(48, 57));
          break;
        case 2:
          str += String.fromCharCode(getNum(65, 90));
          break;
        case 3:
          str += String.fromCharCode(getNum(97, 122));
          break;
      }
    }
    return str;
  }


  var dig = yzm();

  $(".yan-text").on("focus", function () {
    $('.yan-code').css({
      'background': '',
      'color': '#666'
    })
    $('.yan-code').html(dig);
  })

  $('.yan-code').on("click", function () {
    $('.yan-code').html(dig);
  })

  $(".yan-text").on("blur", function () {
    if ($(".yan-text").val() == $('.yan-code').text()) {
      $("#yan-text").addClass('che');
      $(".yan-p").html('');
      $(".yan-dui").show();
      $(".yan-dui").css({
        'background-position': '-2px -40px'
      })
      $(".yan-text").addClass('che');
      check();
    } else {
      $(".yan-p").html('验证码输入错误，请重输');
      $(".yan-p").css('color', 'red');
      $(".yan-dui").show();
      $(".yan-dui").css({
        'background-position': '-2px -75px'
      })
      check();
    }
  })


  // $('.button-btn').on("click",function(){
  //     alert(1);
  // })

  $('.button-btn').on('click', function () {
    $.ajax({
      type: "post",
      url: "http://127.0.0.1:8080/1907/shanmu/php/login.php",
      data: {
        checkname: $('#username').val(),
        checkpass: $('#password').val(),
        submit: 'submit'
      },
      success: function (d) {
        // console.log(d);
        if (!d) {
          $(".user-zq").show();
          $(".user-zq").html('用户名不存在或密码填写出错');
          $(".user-zq").css('color', 'red');
        } else {
          localStorage.setItem('customname', username.value);  //本地存取也可以
          cookie.set('isLogin', 'true', 1);//用来判断cookie的
          cookie.set('username', username.value, 1);//如果用cookie.set('username',username,1) 这样取不行 username取出来是一个对象 所以显示Object 
          location.href = 'http://127.0.0.1:8080/1907/shanmu/html/shoue.html';
        }
      }
    });
  })








})